<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>产品分类</title>
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/productClassification.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="classification_web">
			<header class="Pending_Header">
				<ul>
					<li class="backArr">
						<!--<img src="img/Information_consultation/left.png"/>-->
					</li>
					<li class="logo">
						<img src="img/Pending_payment/or_logo.png" />
					</li>
					<li class="menuIcon">
						<!--<div class="count">13</div>-->
						<img src="img/Pending_payment/menu_icon.png" alt="" />
					</li>
				</ul>
			</header>
			<section>
				<ul class="subMenu">
					<li>
						<span >书桌</span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>餐桌</span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>凳子</span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>坐垫</span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>茶几</span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>五斗柜 </span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
					<li>
						<span>五斗柜1 </span>
						<div class="secondary_">
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
							<p>测试</p>
						</div>
					</li>
				</ul>
				<div class="list">
					<!--<hr />-->
				</div>
				
					<div class="mod">
						<a href="GoodsDetails.html"><img src="img/classification/classification_03.jpg" alt="电视柜模块" /></a>
					</div>
				
				<div class="module">
					<ul>
						<li>
							<img src="img/classification/classification_07.jpg" alt="" />
						</li>
						<li>
							<img src="img/classification/classification_09.jpg" />
						</li>
						
						
					</ul>

				</div>
			</section>
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/index/home_icon.png" />
					</li>
					<li>
						<img src="img/index/id_icon.png" />
					</li>
					<li>
						<img src="img/index/buy_icon.png" />
					</li>
					<li>
						<img src="img/index/service_icon.png" />
					</li>
				</ul>
			</footer>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			//二级点击
			$(".subMenu li").hover(function(){
				$(this).find(".secondary_").css("transform","translateX(-50%) scaleY(1)");
			},function(){
				$(this).find(".secondary_").css("transform","translateX(-50%) scaleY(0)");
			})
			
		</script>
	</body>

</html>